
<!-- 引入头部 -->   
<include file="header" />

<script type="text/javascript">
//  如果访问的设备是小屏幕的移动设备冲定向到适配小屏幕的页面，这种方式有点冒险，暂时这么用把
if(/Android|webOS|iPhone|iPod|BlackBerry|opera mini|opera|ucweb|ios|ipad|symbianos|Uc|webOS|Windows CE|Windows Phone/i.test(navigator.userAgent)) {
    //  获取当前页面的 URL，在 header 已经设置了
    var currentUrl = document.getElementById('CURRENT_URL_ID').value;
    // 提交 URL 中的 detail 为 detail4mobile 
    currentUrl = currentUrl.replace("detail", "detail4mobile");
    window.location.href = currentUrl; 
}

</script>
<link rel="stylesheet" href="__PUBLIC__/css/detail-style.css">
<link rel="stylesheet" href="__PUBLIC__/css/duoshuo/commentlist.css">
<script type="application/javascript" src="__PUBLIC__/js/home/index.js"></script>

<!-- 对于小屏幕的移动端使用默认的显示样式，所以单独放置这个 HTML 内，而不是放置 header 内  -->
<script type="text/javascript" src="http://static.oschina.net/js/syntax-highlighter-2.1.382/scripts/brush.js"></script>
<!-- 当页面宽度大于600才引入，否则以默认方式显示（没有行号等但是可以在小屏幕显示不至于撑开） -->
<link type="text/css" rel="stylesheet" href="http://static.oschina.net/js/syntax-highlighter-2.1.382/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://static.oschina.net/js/syntax-highlighter-2.1.382/styles/shThemeDefault.css"/>

<script type="text/javascript">
$(document).ready(function(){
  //  设置代码块的样式
  
  //SyntaxHighlighter.config.clipboardSwf = '__PUBLIC__/SyntaxHighlighter/clipboard.swf';
  SyntaxHighlighter.config.clipboardSwf = 'http://static.oschina.net/js/syntax-highlighter-2.1.382/scripts/clipboard.swf';
  SyntaxHighlighter.all();
  //  为了兼容ueditor 生成的代码片段，ueditor 默认不显示 toolbar
  $("pre").addClass(";toolbar:true");
});
</script>
<style type="text/css">
.my-panel-footer-style {
    font-size: 11px;
}
p {
    line-height: 1.4;
}
</style>

<body>
<!-- 引入第三方登录页面 -->
<include file="common/login4tasklist" />

<div class="container">

<!-- 首先屏幕分为2列 -->
<div class="row">
    <!-- 如果是中大屏幕则分为2列，在小屏幕就显示一列 -->
    <div class="col-md-9 col-sm-9 col-xs-12">

            <div class="panel panel-default">
              <div class="panel-heading" style="background-color: #FFF;">
                <h3 class="panel-title">{$content.title}</h3>
              </div>
              <div class="panel-body context-font-style" style="font-size: 18px;line-height: 1;">
                  {$content.content|htmlspecialchars_decode}
              </div>
            </div> 

		 <!-- // 使用多说评论插件，不再需要自己编写评论功能了，非常方便 -->
        <!-- 多说评论框 插件 -->
        <span id="commentPanel">
            <div class="ds-thread" data-thread-key="{$content.id}" data-title="{$content.title}" 
                 data-url="<?=$currentURLduoshuo?>"></div>
       </span>

    </div>  <!-- / col-md-9 col-sm-9 col-xs-12 -->

<!--    右则的菜单栏 -->
    <include file="mainRightCt" />

</div> <!-- /row-->

</div> <!-- /container -->


<!-- 右侧的工具栏 -->    
<div id="moquu_wxin" class="moquu_wxin"><a href="javascript:void(0)"><div class="moquu_wxinh"></div></a></div>
<div id="moquu_wshare" class="moquu_wshare"><a href="javascript:void(0)"><div class="moquu_wshareh"></div></a></div>  

<a id="moquu_top" href="javascript:void(0)"></a>
    
</body>

<!-- 引入尾部 -->
<include file="footer" />
